<template>
	<view class="padding-lr32" style="padding-bottom: 100rpx;">
		<view class="contract-title">项目投资协议</view>
		<view class="contract-item">
			<view class="contract-item-label">项目名称：</view>
			<view class="contract-item-content">{{detail.projectName}}</view>
		</view>
		<view class="contract-item">
			本投资协议（“本协议”）由以下三方于<text class="contract-item-content">{{detail.buyInTime}}</text>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">甲方（管理方）：</view>
			<view class="contract-item-content">Hanjie Financial Investment Management Co., Ltd.（瀚杰金融投资管理有限公司）</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">乙方（投资方）：</view>
			<view class="contract-item-content">{{detail.realName}}</view>
		</view>
		<!-- <view class="contract-item">
			<view class="contract-item-label">丙方（担保方）：</view>
			<view class="contract-item-content">中国投融资担保股份有限公司</view>
		</view> -->
		<view class="contract-table">
			<view class="contract-table-tr">
				<view class="contract-table-th">
					<view>平台用户</view>
					<view></view>
				</view>
				<view class="contract-table-th">
					<view>投资金额</view>
					<view>（USDT）</view>
				</view>
				<view class="contract-table-th">
					<view>投资期限</view>
					<view>（{{detail.timeUnit}}）</view>
				</view>
				<view class="contract-table-th">
					到期应收利息
				</view>
				<view class="contract-table-th">
					到期应收本金
				</view>
			</view>
			<view class="contract-table-tr">
				<view class="contract-table-td">
					{{detail.realName}}
				</view>
				<view class="contract-table-td">
					{{detail.buyInAmount}}
				</view>
				<view class="contract-table-td">
					{{detail.term}}
				</view>
				<view class="contract-table-td">
					{{detail.expectIncome}}
				</view>
				<view class="contract-table-td">
					{{detail.buyInAmount}}
				</view>
			</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">甲方Hanjie Financial Investment Management Co., Ltd.:瀚杰金融投资管理有限公司既乙方通过由甲方运营管理的瑞思投资管理有限公司平台，“Hanjie Financial Investment Management Co., Ltd.（瀚杰金融投资管理有限公司）”进行其公司运营操作的产品项目投资意愿、双方根据平等、自愿的原则，达成本协议如下：</view>
		</view>
		<view class="contract-section">
			一、收益金额、期限 、返款方式
		</view>
		<view class="contract-item">
			<view class="contract-item-label">1. 甲方同意通过瀚杰金融投资管理有限公司平台接收乙方投资 金额如下，乙方同意通过Hanjie Financial Investment Management Co., Ltd.（瀚杰金融投资管理有限公司）平台向甲方投资金额、收益、返款方式。</view>
		</view>
		<view class="contract-table">
			<view class="contract-table-tr">
				<view class="contract-table-th">
					<view>平台用户</view>
					<view></view>
				</view>
				<view class="contract-table-th">
					<view>投资金额</view>
					<view>（USDT）</view>
				</view>
				<view class="contract-table-th">
					<view>投资期限</view>
					<view>（{{detail.timeUnit}}）</view>
				</view>
				<view class="contract-table-th">
					到期应收利息
				</view>
				<view class="contract-table-th">
					到期应收本金
				</view>
				<view class="contract-table-th">
					返款时间
				</view>
			</view>
			<view class="contract-table-tr">
				<view class="contract-table-td">
					{{detail.realName}}
				</view>
				<view class="contract-table-td">
					{{detail.buyInAmount}}
				</view>
				<view class="contract-table-td">
					{{detail.term}}
				</view>
				<view class="contract-table-td">
					{{detail.expectIncome}}
				</view>
				<view class="contract-table-td">
					{{detail.buyInAmount}}
				</view>
				<view class="contract-table-td">
					{{detail.buyInTime}} - {{ calculateEndDate(detail.buyInTime, detail.term) }}
				</view>
			</view>
		</view>
		<view class="contract-section">
			二、投资流程
		</view>
		<view class="contract-item">
			<view class="contract-item-label">2.1 甲方Hanjie Financial Investment Management Co., Ltd.（瀚杰金融投资管理有限公司）平台,上发布相关的投资产品项目收益，乙方按照瀚杰金融投资管理有限公司的规则，通过在瀚杰金融投资管理有限公司平台上相 关的投资产品项目收益，按钮确认投资时，本协议下所约定的关系即成立，本协议的签署关系同时成立。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">2.2
				投资资金冻结：乙方点击“立即投资”按钮即视为其已经  向甲方发出不可撤销的授权指令，授权甲方全权处理和操作 本次的投资金额(“乙方Hanjie Financial Investment Management Co., Ltd.（瀚杰金融投资管理有限公司）账户”)中  的冻结金额等同于本协议投资的本金数额”的资金。上述冻结在本协议生效时或本协议确定失效时(项目周期结束)解除 。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">2.3 投资资金变更：本协议生效的同时，甲方即不可撤销乙方所投资的金额，本金额等同于本协议第一条所列的“收益金额、期限、返款方式”</view>
		</view>
		<view class="contract-section">
			三、投资资金来源保证
		</view>
		<view class="contract-item">
			<view class="contract-item-label">3.1
				乙方保证其所用于投资资金来源合法，乙方是该资金的合法所有人，如果合法性问题(如盗用他人的银行卡，信用卡等)发生争议，由乙方自行负责解决。如乙方未能解决，
因乙方资金安全问题导致账户被相关司法机关冻结或者执
行，由乙方自行负责解决相关司法问题。</view>
		</view>
		<view class="contract-section">
			四、本息返还方式
		</view>
		<view class="contract-item">
			<view class="contract-item-label">4.1 甲方同意并承诺，乙方所投资金的收益金额、期限、返款方式的执行，甲方负责对乙方所投资金额的收益金额和返 款时间的保证，甲方必须按照本协议的约定按时间全额的
				将其返还到乙方的帐户中。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">4.2 甲方应在每周期或每日规定的返款时间(每日分红和到期返本金)  (不得迟于24:00)将其按照本协议第一条所述的本息，转入乙方的账户。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">4.3 如果返款日遇到法定假日或公休日，返款日期时间不受影响。</view>
		</view>
		<view class="contract-section">
			五 、违约
		</view>
		<view class="contract-item">
			<view class="contract-item-label">5.1如果甲方严重违反本协议的协定，如：没能按时的返还 乙方的红利及本金，甲方应向乙方支付投资总金额和投资总 金额10%作为违约金。乙方须保证其资金来源的合法性不得
				隐瞒，否则甲方有权冻结其资金移送法办。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">5.2 乙方保证其提供的信息和资料的真实性，不得提供虚假 资料或隐瞒。乙方提供虚假资料或者故意隐瞒，构成违约，
				应承担违约责任，同时本协议视为提前终止。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">5.3发生下列任何一项或几项情形的，(1)甲方、乙方任何财产遭受没收、征用、查封、扣押、冻结等可能影响其履约能力的不利事件，且不能及时提供有效补救措施的；(2)提前终止本协议；(3)采取法律、法规以及本协议约定的其他
				救济措施。</view>
		</view>
		<view class="contract-section">
			六 、本协议未经乙方事先书面(包括但不限于电子邮件等方式)同意，甲方不得将本协议项下的任何权利义务转让给任何第三方。
		</view>
		<view class="contract-section">
			七、其他
		</view>
		<view class="contract-item">
			<view class="contract-item-label">7.1 本协议在下述条件全部满足时生效：</view>
			<view class="contract-item-label">(1)甲方、乙方、在本协议(含传真件)上签字盖章、且乙方通过Hanjie Financial Investment Management Co., Ltd.（瀚杰金融投资管理有限公司）以网络在线点击：
				立即投资的方式签订；(2)自甲方发布的投资项目起，乙方所投项目资金全部在Hanjie Financial Investment Management Co., Ltd.（瀚杰金融投资管理有限公司）账户中本金将被冻结直至项目周末结束。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">7.3三方均确认，本协议的签订、生效和履行以不违反法律 为前提。如果本协议中的任何一条或多条违反适用的法律， 则该条将被视为无效，但该无效条款并不影响本协议其他条款的效力。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">7.4如果双方在本协议履行过程中发生任何争议，应友好协 商解决；如协商不成，则提交所在地的人民法院进行诉讼。</view>
		</view>
		<view class="contract-item">
			<view class="contract-item-label">7.5甲方保留与本协议有关的书面文件或电子信息。</view>
		</view>

		<view class="contract-item">
			<view class="contract-item-label">甲方：Hanjie Financial Investment Management Co., Ltd.（瀚杰金融投资管理有限公司）</view>
		</view>

		<view class="contract-item">
			<view class="contract-item-label">
				{{detail.buyInTime}}<br>
				乙方：艾文慧<br>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: '',
				detail: '',
			}
		},
		onLoad(option) {
			this.id = option.id;
			this.findHoldingProjectDetail();
		},
		methods: {
			calculateEndDate(buyInTime, term) {
			const startDate = new Date(buyInTime);
			startDate.setDate(startDate.getDate() + term);
			const year = startDate.getFullYear();
			const month = (startDate.getMonth() + 1).toString().padStart(2, '0');
			const day = startDate.getDate().toString().padStart(2, '0');
			return `${year}-${month}-${day}`;
			},
			findHoldingProjectDetail() {
				var that = this;
				uni.$uv.http.get('/buyInRecord/findHoldingProjectDetail', {
					params: {
						id: that.id
					}
				}).then(res => {
					that.detail = res.data;
				});
			},
		}
	}
</script>

<style>
page {
	height: auto !important;
	background: url('/static/img/my_bg.png') no-repeat;
	background-size: 100% 100%;
}
	.contract-table {
		border-left: 2rpx solid rgb(228, 231, 237);
		border-top: 2rpx solid rgb(228, 231, 237);
		background-color: rgb(255, 255, 255);
		padding-bottom: 8rpx;

	}

	.contract-table-tr {
		display: flex;
		flex-direction: row;
	}

	.contract-table-th {
		text-align: center;
		padding: 8rpx 4rpx;
		display: flex;
		flex-direction: row;
		flex-direction: column;
		flex: 1;
		justify-content: center;
		font-size: 22rpx;
		color: white;
		font-weight: 700;
		background-color: #0068b7;
		border-bottom: 2rpx solid rgb(228, 231, 237);
		border-right: 2rpx solid rgb(228, 231, 237);
	}

	.contract-table-td {
		text-align: center;
		padding: 8rpx 4rpx;
		display: flex;
		flex-direction: row;
		flex-direction: column;
		flex: 1;
		justify-content: center;
		font-size: 22rpx;
		color: black;
		background: #dadada;
		border-bottom: 2rpx solid rgb(228, 231, 237);
		border-right: 2rpx solid rgb(228, 231, 237);
	}

	.contract-table-td-link {
		color: royalblue;
	}

	.contract-table-td-highlight {
		color: #d0021b;
		font-weight: bold;
	}

	.contract-section {
		padding-left: 16rpx;
		font-weight: bold;
		padding-bottom: 8rpx;
	}

	.contract-item {
		display: flex;
		align-items: center;
		font-size: 26rpx;
		padding-bottom: 8rpx;
		color: #000;
	}

	.contract-section,.contract-title{
		color: #000;
	}

	.contract-item-content {
		text-decoration: underline;
		font-weight: bold;
	}

	.contract-title {
		text-align: center;
		font-weight: bold;
		padding-bottom: 8rpx;
	}
</style>